<%@ page import="org.springframework.web.context.request.RequestScope" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>Title</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../../../jquery-1.10.2.min.js"></script>

    <link href="../../../css/css.css" type="text/css" rel="stylesheet" />
    <link href="../../../css/main.css" type="text/css" rel="stylesheet" />
    <link rel="shortcut icon" href="images/main/favicon.ico" />
    <style>
        body{overflow-x:hidden; background:#f2f0f5; padding:15px 0px 10px 5px;}
        #searchmain{ font-size:12px;}
        #search{ font-size:12px; background:#548fc9; margin:10px 10px 0 0; display:inline; width:100%; color:#FFF}
        #search form span{height:40px; line-height:40px; padding:0 0px 0 10px; float:left;}
        #search form input.text-word{height:24px; line-height:24px; width:180px; margin:8px 0 6px 0; padding:0 0px 0 10px; float:left; border:1px solid #FFF;}
        #search form input.text-but{height:24px; line-height:24px; width:55px; background:url(../../../Images/main/list_input.jpg) no-repeat left top; border:none; cursor:pointer; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666; float:left; margin:8px 0 0 6px; display:inline;}
        #search a.add{ background:url(../../../Images/main/add.jpg) no-repeat 0px 6px; padding:0 10px 0 26px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF}
        #search a:hover.add{ text-decoration:underline; color:#d2e9ff;}
        #main-tab{ border:1px solid #eaeaea; background:#FFF; font-size:12px;}
        #main-tab th{ font-size:12px; background:url(../../../Images/main/list_bg.jpg) repeat-x; height:32px; line-height:32px;}
        #main-tab td{ font-size:12px; line-height:40px;}
        #main-tab td a{ font-size:12px; color:#548fc9;}
        #main-tab td a:hover{color:#565656; text-decoration:underline;}
        .bordertop{ border-top:1px solid #ebebeb}
        .borderright{ border-right:1px solid #ebebeb}
        .borderbottom{ border-bottom:1px solid #ebebeb}
        .borderleft{ border-left:1px solid #ebebeb}
        .gray{ color:#dbdbdb;}
        td.fenye{ padding:10px 0 0 0; text-align:right;}
        .bggray{ background:#f9f9f9; font-size:14px; font-weight:bold; padding:10px 10px 10px 0; width:120px;}
        .main-for{ padding:10px;}
        .main-for input.text-word{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; padding:0 10px;}
        .main-for select{ width:310px; height:36px; line-height:36px; border:#ebebeb 1px solid; background:#FFF; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#666;}
        .main-for input.text-but{ width:100px; height:40px; line-height:30px; border: 1px solid #cdcdcd; background:#e6e6e6; font-family:"Microsoft YaHei","Tahoma","Arial",'宋体'; color:#969696; float:left; margin:0 10px 0 0; display:inline; cursor:pointer; font-size:14px; font-weight:bold;}
        #addinfo a{ font-size:14px; font-weight:bold; background:url(../../../Images/main/replayblack.jpg) no-repeat 0 0px; padding:0px 0 0px 20px; line-height:45px;}
        #addinfo a:hover{ background:url(../../../Images/main/replayblue.jpg) no-repeat 0 0px;}
    </style>
    <script type="text/javascript">
        $(function(){
            todorm()
            $.ajax({
                url:"<%=request.getContextPath()%>/getBuildingListByAjax.html",
                method:"post",
                success:function(data){
                    showBuilding(data);
                }
            })
            function showBuilding(data){
                var list = data;
                for(var i=0;i<list.length;i++){
                    var option = $("<option id='o' value='"+list[i].id+"'>"+list[i].bname+"</option>");
                    $("#bid").append(option);
                }
            }
            $("#floor").blur(function () {
                var floor = $("#floor").val();
                if(floor>6){
                    alert("最高有6楼");
                    $("#floor").val("")
                    return;
                }
            })
        })

        function todorm() {
            var dormtr = "";
            $(".dormtr").remove();
            $(".paginginfo").remove();
            $.ajax({
                url:"<%=request.getContextPath()%>/searchdom.html",
                method:"post",
                data:$("#dormform").serialize(),
                success:function (result) {
                    $.each(result.list,function (i,item) {
                        dormtr += "<tr class=\"dormtr\" onMouseOut=\"this.style.backgroundColor='#ffffff'\" onMouseOver=\"this.style.backgroundColor='#edf5ff'\">\n" +
                            "\n" +
                            "           <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for buildinglabel\">"+item.dno+"</td>\n" +
                            "           <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for buildinglabel\">"+item.snum+"</td>\n" +
                            "           <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for buildinglabel\">"+item.buildName+"</td>\n" +
                            "           <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for buildinglabel\">"+item.floor+"</td>\n" +
                            "          <td align=\"left\" valign=\"middle\" class=\"borderright borderbottom main-for teacherlabel\">&nbsp;&nbsp;<a href=\"<%=request.getContextPath()%>/deleteDorm.html?id="+item.id+"\">删除</a></td>\n" +
                            "\n" +
                            "      </tr>"
                    })
                    $("#title").after(dormtr);

                    var up = "<a href=\"#\" class=\"add paginginfo\" onclick='p("+result.prePage+")'>上一页</a>\n" +
                        "            <span id=\"upPage\" class=\"gray paginginfo\">&nbsp;|&nbsp;</span>";
                    var down = "<a href=\"#\" class=\"add paginginfo\" onclick='p("+result.nextPage+")'>下一页</a>";
                    var pagN = "";
                    $.each(result.navigatepageNums,function (i,item) {
                        if(result.navigatepageNums.length-1 == i){
                            pagN += "<a href=\"#\" class=\"add paginginfo\" onclick=\"p('"+item+"')\">"+item+"</a>\n" +
                                "            <span class=\"gray num paginginfo\">&nbsp;|&nbsp;</span>";
                        }else{
                            pagN += "<a href=\"#\" class=\"add paginginfo\" onclick=\"p('"+item+"')\">"+item+"</a>\n" +
                                "            <span class=\"gray paginginfo\">&nbsp;|&nbsp;</span>";
                        }

                    })

                    $("#pageTd").append(up);
                    $("#upPage").after(pagN);
                    $(".num").after(down)
                },
                error:function () {
                    alert("error");
                }
            })
        }
        function deleteDrom(item) {
            alert(item)
        }
    </script>
</head>
<body>
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
    <tr>
        <td colspan="2"  width="99%" align="left" valign="top">您的位置：宿舍管理</td>
    </tr>
    <tr>
        <td colspan="2" align="left" valign="top" id="addinfo">
            <a href="javascript:history.go(-1)" target="mainFrame" onFocus="this.blur()" class="add">返回上一级</a>
        </td>
    </tr>
    <tr>

        <td align="left" valign="top">
            <form action="" method="post" id="dormform">
                <input type="hidden" id="pageNum" name="pageName">
                宿舍楼：<select id="bid" name="bid" style="width: 70px;">
                            <option value="">--请选择--</option>
                        </select>
                楼层：<input type="number" name="floor" id="floor" value="">
                宿舍号：<input type="number" name="dno" id="dno" value="">
                <input  type="button" onclick="todorm()" value="查询" style="border: 1px solid black; width:70px;">
            </form>
        </td>
    </tr>
    <tr>
        <td align="left" valign="top">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
                <tr id="title" onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">

                    <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">宿舍门牌号</td>
                    <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">床位数</td>
                    <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">所属楼</td>
                    <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">楼层</td>
                    <td align="left" valign="middle" class="borderright borderbottom main-for buildinglabel">操作</td>

                </tr>

                <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'">
                    <td align="right" valign="middle" class="borderright borderbottom bggray">&nbsp;</td>
                    <td id="pageTd" align="left" valign="middle" class="borderright borderbottom main-for">
                        <%--<a href="#" target="mainFrame" onFocus="this.blur()" class="add"  onclick="nextPage()">上一页</a>--%>
                        <%--<span class="gray">&nbsp;|&nbsp;</span>--%>
                        <%--<c:forEach items="${requestScope.BUILDING.navigatepageNums}" var="nav">--%>
                        <%--<a href="#" target="mainFrame" onFocus="this.blur()" onclick="pageNum(${nav})" class="add">${nav}</a>--%>
                        <%--</c:forEach>--%>
                            <%--<span class="gray">&nbsp;|&nbsp;</span>--%>
                        <%--<a href="#" target="mainFrame" onFocus="this.blur()" class="add" onclick="nextPage()">下一页</a>--%>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
<script type="text/javascript">
    function p(page) {
        if(page == 0){
            page = 1;
        }
        $("#pageNum").val(page);
        todorm()
    }

</script>
</html>
